.show {
  display: flex;
}
.hide {
  display: none;
}
#demo1 {
  width: 90%;
  height: 70%;
  margin: 0 auto;
}
.lkaudio {
  display: flex;
  z-index: 500;
  height: 100%;
  width: 100%;
  border-radius: 0.5rem;
  background-color: #f1f3f4;
  align-items: center;
}
.lkaudio .lka-play-control .lka-play-button,
.lkaudio .lka-play-control .lka-pause-button {
  margin: 0 15px 0 25px;
  height: 20px;
  width: 15px;
}
.lkaudio .lka-time {
  font-size: 14px;
  color: #2c2c2c;
}
.lkaudio .lka-timeline {
  display: inline-flex;
  align-items: center;
  margin: 0 25px 0 15px;
  flex: 1;
  width: 40%;
}
.lkaudio .lka-timeline .lka-timeline-baseline {
  display: inline-flex;
  position: relative;
  align-items: center;
  width: 100%;
  height: 8px;
  border-radius: 5px;
  background-color: #fff;
}
.lkaudio .lka-timeline .lka-timeline-baseline .lka-timeline-load {
  display: inline-flex;
  position: absolute;
  width: 100%;
  height: 8px;
  border-radius: 5px;
  background-color: #c1c2c3;
}
.lkaudio .lka-timeline .lka-timeline-baseline .lka-timeline-play {
  display: inline-flex;
  position: absolute;
  z-index: 999;
  height: 8px;
  border-radius: 5px;
  background-color: #555;
}
.lkaudio .lka-timeline .lka-timeline-baseline .lka-timeline-activepoint {
  display: inline-flex;
  position: relative;
  z-index: 1000;
  height: 12px;
  width: 12px;
  margin-left: -6px;
  border: 2px solid #555;
  border-radius: 8px;
  background-color: #ffffff;
}
.lkaudio .lka-volume-control .lka-volume-button,
.lkaudio .lka-volume-control .lka-volume-close-button {
  height: 20px;
  width: 20px;
  margin: 0 20px 0 0;
}
.lkaudio .lka-more {
  height: 100%;
}
.lkaudio .lka-more .lka-more-button {
  height: 100%;
  margin: 0 20px 0 10px;
  width: 0.36rem;
}
.forbid-text-selected {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}
